<template>
  <div class="body">
    <!-- 头部组件 -->
    <Nav></Nav>
    <!-- body部分 -->
    <div>
      <VueElement
          :active="vueElementLoading"
          spinner="bar-fade-scale"
          color="#FF6700"
      />
      <router-view></router-view>
    </div>

    <!-- 底部组件 -->
    <Footer></Footer>
  </div>
</template>

<script lang="ts">
import VueElement from "vue-element-loading";
export default {
  name: "App",
  components:{VueElement}
};
</script>


<script lang="ts" setup>
import {useSource} from "@/stores/ source";
import {storeToRefs} from "pinia";
import {useRoute} from "vue-router";

const {vueElementLoading} = storeToRefs(useSource())
const route = useRoute()

</script>

<style scoped>
html, body {
  width: 100%;
  height: 100%;
}
*{
  margin: 0;
  padding: 0;
}

.body{
  margin: 0 auto;
  padding: 0;
  background-color: #eee;
}

.mainContainer {
  min-height: 900px;
  height: 100%;
  margin: 10px auto;
  width: 1200px;
}

@font-face {
  font-family: "iconfont"; /* Project id 3783268 */
  src: url('//at.alicdn.com/t/c/font_3783268_tlcrvrpe6jh.woff2?t=1669015111671') format('woff2'),
  url('//at.alicdn.com/t/c/font_3783268_tlcrvrpe6jh.woff?t=1669015111671') format('woff'),
  url('//at.alicdn.com/t/c/font_3783268_tlcrvrpe6jh.ttf?t=1669015111671') format('truetype');
}

</style>
